﻿/*--公共部分--*/
div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,body,strong,span,pre,input{margin:0; padding:0; border:0; background-repeat:no-repeat;}
h1,h2,h3,h4,h5,h6,p,dl,dt,dd{ margin:0; padding:0; font-weight:normal;}
body{font-family:"Microsoft Yahei",Helvetica,sans-serif,Lato;font-size:14px;margin:0px;padding:0px;color:#333;line-height:24px;height:auto;clear:both; background:#fff;}
img{border:0px;}
ul,li{ list-style:none;}
em,i{ font-style:normal;}
a{ text-decoration:none; color:#333; outline:none;}
a:hover{ background-repeat:no-repeat; color:#333; text-decoration:none;}
a,area{blr:expression(this.onFocus=this.blur())}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}
*{webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

input,button,select,textarea{font-family:"微软雅黑"; outline:none;border:none;border-radius:0px;-webkit-appearance: none;-moz-appearance:none;}


.commonweb{padding:0px 3%;}
.commonwebbox{ margin-left:0px; margin-right:0px;}

.commonleft{float:none;}
.commonright{float:none;}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left; padding-left:15px; padding-right:15px;}
	
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}

@media (min-width: 520px){
	.col-ww-50{float:left; padding-left:15px; padding-right:15px;}
	
	.col-ww-50{ width:50%;}
}


@media (min-width: 768px){
   
	.commonwebbox{ margin-left:-10px; margin-right:-10px;}
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-27, .col-sm-73, .col-sm-40, .col-sm-60, .col-sm-20, .col-sm-80, .col-sm-35, .col-sm-65, .col-sm-55, .col-sm-45, .col-sm-56, .col-sm-44, .col-sm-13{float:left; padding-left:15px; padding-right:15px;}
	
	.col-sm-12 {
	  width: 100%;
	}
	.col-sm-11 {
	  width: 91.66666667%;
	}
	.col-sm-10 {
	  width: 83.33333333%;
	}
	.col-sm-9 {
	  width: 75%;
	}
	.col-sm-8 {
	  width: 66.66666667%;
	}
	.col-sm-7 {
	  width: 58.33333333%;
	}
	.col-sm-6 {
	  width: 50%;
	}
	.col-sm-5 {
	  width: 41.66666667%;
	}
	.col-sm-4 {
	  width: 33.33333333%;
	}
	.col-sm-3 {
	  width: 25%;
	}
	.col-sm-2 {
	  width: 16.66666667%;
	}
	.col-sm-1 {
	  width: 8.33333333%;
	}
	.col-sm-27{ width:25%;}
	.col-sm-73{ width:75%;}
	
	.col-sm-40{ width:40%;}
	.col-sm-60{ width:60%;}
	
	.col-sm-20{ width:30%;}
	.col-sm-80{ width:70%;}
	.col-sm-35{ width:35%;}
	.col-sm-65{ width:65%;}
	.col-sm-55{ width:55%;}
	.col-sm-45{ width:45%;}
	
	.col-sm-56{ width:55%;}
	.col-sm-44{ width:45%;}
	.col-sm-13{ width: 20%;}
	
	
	

}

@media (min-width: 992px){
	.commonwebbox{ margin-left:-10px; margin-right:-10px;}
	.commonleft{float:left;}
	.commonright{float:right;}
	
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,.col-mdww-3, .col-md-40, .col-md-60, .col-md-35, .col-md-65, .col-md-54, .col-md-45{float:left; padding-left:15px; padding-right:15px;}
	
	.col-md-12 {
	  width: 100%;
	}
	.col-md-11 {
	  width: 91.66666667%;
	}
	.col-md-10 {
	  width: 83.33333333%;
	}
	.col-md-9 {
	  width: 75%;
	}
	.col-md-8 {
	  width: 66.66666667%;
	}
	.col-md-7 {
	  width: 58.33333333%;
	}
	.col-md-6 {
	  width: 50%;
	}
	.col-md-5 {
	  width: 41.66666667%;
	}
	.col-md-4 {
	  width: 33.33333333%;
	}
	.col-md-3 {
	  width: 25%;
	}
	.col-md-2 {
	  width: 16.66666667%;
	}
	.col-md-1 {
	  width: 8.33333333%;
	}
	
	.col-mdww-3 {
	  width: 20%;
	}
	.col-md-40 {
	  width:40%;
	}
	.col-md-60 {
	  width:60%;
	}
	.col-md-35 {
	  width:35%;
	}
	.col-md-65 {
	  width:65%;
	}
	
	
	.col-md-54 {
	  width:54.5%;
	}
	.col-md-45 {
	  width:45.5%;
	}
	
}

@media (min-width: 1024px)
{
	.col-ro-40, .col-ro-60{float:left; padding-left:15px; padding-right:15px;}
	
    .commonweb{ padding: 0px 10px;}
	.ww-ro-1{width: 33.33333333%;}
	
	.col-ro-40{ width:40%;}
	.col-ro-60{ width:60%;}
	
}

@media (min-width: 1199px){
	
	.commonweb{margin:0px auto; max-width:1200px;}
	.commonleft{float:left;}
	.commonright{float:right;}

	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left; padding-left:15px; padding-right:15px;}
	
	.col-lg-12 {
	  width: 100%;
	}
	.col-lg-11 {
	  width: 91.66666667%;
	}
	.col-lg-10 {
	  width: 83.33333333%;
	}
	.col-lg-9 {
	  width: 75%;
	}
	.col-lg-8 {
	  width: 66.66666667%;
	}
	.col-lg-7 {
	  width: 58.33333333%;
	}
	.col-lg-6 {
	  width: 50%;
	}
	.col-lg-5 {
	  width: 41.66666667%;
	}
	.col-lg-4 {
	  width: 33.33333333%;
	}
	.col-lg-3 {
	  width: 25%;
	}
	.col-lg-2 {
	  width: 16.66666667%;
	}
	.col-lg-1 {
	  width: 8.33333333%;
	}
	
	
}


.visible-lg,.visible-md,.visible-sm,.visible-ww{display:none;}
.hidden-lg,.hidden-md,.hidden-sm,.hidden-ww{display:none;}

@media (min-width: 767px){
	
	.visible-sm{display:block;}
	.hidden-sm{display:none;}
}

@media (min-width: 991px) {

	.visible-md{display:block;}
	.hidden-sm{display:block;}
	.hidden-sm-991{ display:none;}
	
	
}

@media (min-width: 1024px) {
	
	.visible-ww{ display:block;}
	.hidden-ww{display:block;}
	
	
	.hidden-sm-991{ display:block;}
	
}

@media (min-width: 1200px) {
	
	.visible-lg{ display:block;}
	.hidden-lg{display:block;}
	
}




